<template>
  <div class="router-content">
    <div class="mian-header">卡管理画面充值</div>
    <div class="main-content">
      点击“”开实体卡”就跳转到卡管理画面，需要先充值（充值金额大于卡押金金额）。只有先充值才能开实体卡。
      <img src="/static/imgs/cardManager/Manager_1.png"/>
      点击“开实体卡”后弹出开实体卡的对话框，把卡放在读卡器上点击“读卡”，读卡完毕后点击“开卡”。实体卡开卡完成。
      <img src="/static/imgs/cardManager/Manager_2.png"/>
    </div>
    <div class="mian-header">查看充值、消费记录等</div>
    <div class="main-content">
      在卡管理报表里可以查看充值记录，消费记录，补贴记录和操作日志。
      <img src="/static/imgs/cardManager/Manager_3.png"/>
    </div>
    <div class="mian-header">补卡片</div>
    <div class="main-content">
      在卡片信息区域点击“补卡片”
      <img src="/static/imgs/cardManager/Manager_4.png"/>
      点击“补卡片”后能弹出补卡对话框，把新卡放在读卡器上，点击“读新卡”读取到新的卡片编号后，点击“补卡”后就补卡成功了。
      <img src="/static/imgs/cardManager/Manager_5.png"/>
    </div>
    <div class="mian-header">冻结卡片</div>
    <div class="main-content">
      在卡片信息区域点击“冻结”，点击后提示确认对话框，点击“确定”后冻结成功。
      <img src="/static/imgs/cardManager/Manager_6.png"/>
    </div>
    <div class="mian-header">退卡片</div>
    <div class="main-content">
      点击“退卡片”后显示退卡片对话框，有卡片选项和无卡片选项，如果选择有卡片，把卡放在读卡器上读取，点击“读卡”后原卡编号能够显示，点击“退卡”就能够退卡。
      <img src="/static/imgs/cardManager/Manager_7.png"/>
      如果选择无卡片就不需要退押金，点击“退卡”就可以直接进行实体卡退卡。
      <img src="/static/imgs/cardManager/Manager_8.png"/>
    </div>
    <div class="mian-header">退卡</div>
    <div class="main-content">
      点击“退卡”后提示确认要退卡的对话框，点击“确定”后能够退卡。（想要退卡需要先退实体卡后才能退电子卡）
      <img src="/static/imgs/cardManager/Manager_9.png"/>
      <img src="/static/imgs/cardManager/Manager_10.png"/>
    </div>
    <div class="mian-header">修改用户信息</div>
    <div class="main-content">
      在卡管理页面点击“编辑”会出现修改用户信息的对话框。
      <img src="/static/imgs/cardManager/Manager_11.png"/>
      修改用户信息对话框里可以修改姓名和手机号。
      <img src="/static/imgs/cardManager/Manager_12.png"/>
    </div>
    <div class="mian-header">充值退款</div>
    <div class="main-content">
      充值成功24小时之内，在充值记录的操作里有退款的选项。
      <img src="/static/imgs/cardManager/Manager_13.png"/>
      <img src="/static/imgs/cardManager/Manager_14.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
</style>
